.user_bgc {
    position: relative;
    width: 750rpx;
    height: 524rpx;
    z-index: 1;
}
.ava_warp {
    display: flex;
    justify-content: space-between;
    position: absolute;
    top: 218rpx;
    left: 56rpx;
    z-index: 999;
    .right {
        flex: 1;
        margin-left: 16rpx;
    }
    .btm {
        display: flex;
        justify-content: space-between;
        align-self: center;
        .id_number {
            color: #ffffff;
            font-size: 24rpx;
        }
     
    }
       .distinguish {
           margin-top: 10rpx;
            font-size: 20rpx;
            color: #ffffff;
        }
    .top {
        margin-bottom: 14rpx;
        display: flex;
        align-items: center;
        .name {
            margin-right: 16rpx;
            font-size: 32rpx;
            font-weight: bold;
            color: #ffffff;
        }
        .member {
            font-size: 20rpx;
            padding: 4rpx 14rpx;
            background: linear-gradient(270deg, #f9e6d8 17%, #c5935c 100%);
            border-radius: 20rpx;
            border: 2rpx solid #e4b786;
            color: #8c5817;
        }
        .ml_8{
            margin-left: 10rpx;
        }
    }
}

.myorder_warp {
    position: relative;
    margin: -128rpx 20rpx 24rpx 20rpx;
    padding: 20rpx 16rpx 32rpx 20rpx;
    background: #ffffff;
    border-radius: 20rpx;
    z-index: 999;
    .title_warp {
        display: flex;
        align-items: center;
        justify-content: space-between;
        .left {
            font-weight: 600;
            font-size: 28rpx;
            color: #394155;
        }
        .right {
            display: flex;
            align-items: center;
            .all_text {
                margin-right: 6rpx;
                color: #80869a;
                font-size: 24rpx;
            }
            .arrow {
                width: 28rpx;
                height: 28rpx;
            }
        }
    }
    .grid_warp {
        margin-top: 36rpx;
        text-align: center;
        display: flex;
        justify-content: space-between;
        align-items: center;
        .grid_icon {
            width: 60rpx;
            height: 60rpx;
        }
        .grid_text {
            margin-top: 6rpx;
            font-weight: bold;
            color: #3d3d3d;
            font-size: 24rpx;
        }
        .item {
            position: relative;
            .doct {
                position: absolute;
                top: -7rpx;
                right: -7rpx;
                width: 26rpx;
                height: 26rpx;
                font-size: 22rpx;
                border-radius: 50%;
                background: red;
                color: #ffffff;
            }
        }
    }
}

.cell_warp {
    padding: 40rpx;
    padding-top: 0 !important;
    padding-bottom: 126rpx;
    background: #ffffff;
    .t-cell {
        padding: 0 !important;
        padding-bottom: 32rpx !important;
        padding-top: 32rpx !important;
    }
}
.pwdcss {
    width: 500rpx;
    padding: 16rpx;
    border-radius: 28rpx;
}
